var SearchForm = function () {
  var template = /* html */ `
    <div class="search-form">
      <el-form inline label-width="auto">
        <el-form-item label="物联网卡ID">
          <el-input class="search-input" v-model="search.internetThingsCard"></el-input>
        </el-form-item>
        <el-form-item label="使用公司">
          <el-select clearable filterable class="search-input" v-model="search.company">
            <el-option v-for="company in dropdownOption.companyList" :key="company" :value="company">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="终端用户">
          <el-input class="search-input" v-model="search.terminalUser"></el-input>
        </el-form-item>
        <el-form-item label="状态">
          <el-select clearable class="search-input" v-model="search.status">
            <el-option v-for="status in statusList" :key="'status_'+status.value" :value="status.value" :label="status.label">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="终端设备">
          <el-input class="search-input" v-model="search.terminalDevice"></el-input>
        </el-form-item>
        <el-form-item label="设备类型">
          <el-input class="search-input" v-model="search.deviceType"></el-input>
        </el-form-item>
        <el-form-item label="上位机">
          <el-input class="search-input" v-model="search.upperComputer"></el-input>
        </el-form-item>
      </el-form>
    </div>
  `;

  return {
    props: {
      search: {
        type: Object,
        required: true
      },
      dropdownOption: {
        type: Array,
        default: function () {
          return [];
        }
      }
    },

    data: function () {
      return {
        statusList: i18n.getDropDown('remoteEquipment.status', [1, 0])
      };
    },

    template: template
  };
}();
